import React from "react";
import "./index.less";
import Img from "../../Public/Public_img";
import { Badge, Space } from "@arco-design/web-react";
import { IconNotification, IconList } from "@arco-design/web-react/icon";
export default function index() {
  return (
    <div className="title">
      <div className="title-img">
        <Img src=""></Img>
      </div>
      <div className="title-name">Nice Tick</div>
      <div className="title-icon">
        <div className="title-icon-notice">
          <Badge count={10} dot offset={[2, -2]} color="red">
            <IconNotification
              style={{
                color: "#6d757e",
                fontSize: 18,
                verticalAlign: -3,
              }}
            />
          </Badge>
        </div>
        <div className="title-icon-details">
          <IconList color="#a3abb2" className="title-icon-details-icon" />
        </div>
      </div>
    </div>
  );
}
